<template>
    <view style="display: flex;">
        <view class="markdown-render">
            {{ content }}
        </view>
    </view>

</template>

<script setup>
import { ref, watch } from 'vue'
const props=defineProps({
    content: String,

})
</script>

<style scoped lang="scss">
.markdown-render {

    width: auto;
    max-width: calc(100vw - 80rpx);
    font-size: 14px;
    line-height: 1.6;
    color: #333;
    margin: 0 auto;
    margin-right: 20rpx;
    margin-top: 5px;
    /* 避免整体撑爆父级 */
    overflow-x: hidden;
    /* 禁止整体出现横向滚动条 */
    word-wrap: break-word;
    /* 普通文本自动换行 */
    padding: 10px;
    background-color: #02e06d;
    box-sizing: border-box;
    border-radius: 18rpx;
    max-width: calc(100vw - 80rpx);
}
</style>
